<div class="ma-input">
  <input
    ng-show="type !== 'textarea'"
    type="{{type || 'text'}}"
    ng-model="model"
    maxlength="{{maxlength}}"
    placeholder="{{placeholder}}"
    accept="{{accept}}"
    min="{{min}}"
    max="{{max}}"
    step="{{step}}"
    ng-readonly="readonly"
    ng-change="change()"
    ng-blur="blur()"
    ng-disabled="disabled"
  />

  <textarea
    ng-show="type === 'textarea'"
    type="{{type || 'text'}}"
    ng-model="model"
    maxlength="{{maxlength}}"
    accept="{{accept}}"
    min="{{min}}"
    max="{{max}}"
    step="{{step}}"
    ng-change="change()"
    ng-blur="blur()"
    ng-readonly="readonly"
    ng-disabled="disabled"
  ></textarea>

  <ma-icon
    class="clear"
    ng-show="clear && model"
    ma-type="close"
    ma-click="$ctrl.clearClick($event)"
  ></ma-icon>

  <div ng-transclude></div>
</div>
